<template>
  <router-link
    class="nurseItem"
    tag="div"
    :to="{ name: 'nurseDetail', query: { id: nurse.nurseId } }"
  >
    <el-col :span="10">
      <el-card :body-style="{ padding: '10px' }">
        <img :src="nurse.nurseImg" class="image" />
        <div style="padding: 14px; font-size: 16px">
          <div><b>护工姓名:</b>{{ nurse.nurseName }}</div>
          <div><b>护工性别:</b>{{ nurse.nurseSex }}</div>
          <div><b>护工生辰:</b></div>
          {{ nurse.nurseBirth }}
          <div><b>工作经验:</b>{{ nurse.workingYears }}</div>
        </div>
      </el-card>
    </el-col>
  </router-link>
</template>

<script>
export default {
  name: "nurseItem",
  data() {
    return {};
  },
  props: ["nurse"],
};
</script>

<style>
.nurseItem {
  cursor: pointer;
}
.time {
  font-size: 13px;
  color: #999;
}

.bottom {
  margin-top: 13px;
  line-height: 12px;
}

.button {
  padding: 0;
  float: right;
}

.image {
  width: 100px;
  height: 100px;
  display: block;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}
</style>